<script lang="ts" setup>
import { computed, onMounted } from 'vue';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex';
import { Storekey } from '../../../interface';
import Studycodemodel from '../../../mysql_interface/studycodemodel';
import { MemberFinishTaskDetail } from '../team/type';

const router = useRouter()
const store = useStore(Storekey)
// 当前登录用户
const user = computed(() => {
    return store.state.user;
});
const teamid = computed(() => {
    return user.value?.teamid;
});
const props = defineProps<{
    selectedTask: Studycodemodel.Iteamjob,
    selectedMember: MemberFinishTaskDetail
    teamjobrelation: Studycodemodel.Iteamjobrelation[],
}>()


onMounted(() => {
})

</script>

<template>
    <div class="taskItem-container-box">
        <div class="">
            <!-- <el-descriptions :title="props.selectedMember.name" :column="2" size="default">
            </el-descriptions> -->
        </div>
        <div class="">
            <el-table :data="props.teamjobrelation" style="width: 100%">
                <template v-slot:empty>
                    <el-empty image="https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/image/ojSass-empty.png" />
                </template>
                <el-table-column prop="teamfileid" width="" label="文件编号">
                </el-table-column>
                <el-table-column prop="name" width="" label="文件名称">
                </el-table-column>
                <el-table-column prop="state" width="" label="是否查看">
                    <template #default="scope">
                        {{ scope.row.state ? '已查看' : '未查看' }}
                    </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<style scoped></style>